<template>
  <view class="contents">
    <u-navbar
      title="帮助与客服"
      leftIconColor="#f8f8f8"
      :placeholder="true"
      bgColor="#fff"
    >
      <template #left>
        <navigator url="/pages/my/index" open-type="switchTab">
          <image
            class="logo"
            src="/static/zuo1.png"
            style="width: 40rpx; height: 40rpx; margin-right: 20rpx"
          >
          </image>
        </navigator>
      </template>
    </u-navbar>
    <view class="ul">
      <view class="li">常见问题</view>
      <view class="li">平台人工客服</view>
      <view class="li" @click="goYS">隐私政策</view>
      <view class="li" @click="goTk">条款和协议</view>
    </view>
    <view class="editbtn" @click="goback">返回</view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    goback() {
      uni.navigateBack();
    },
    goYS() {
      uni.navigateTo({
        url: "/pages/my/privacypolicy",
      });
    },
    goTk() {
      uni.navigateTo({
        url: "/pages/my/clauseagreement",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.contents {
  font-family: "Poppins";
}
.touxiang {
  width: 100%;
  text-align: center;
  padding: 50rpx;

  .img {
    width: 150rpx;
    height: 150rpx;
    border-radius: 50%;
    margin-bottom: 10rpx;
  }

  .editbgc {
    font-size: 30rpx;
    color: #ffaa1a;
  }
}

.ul {
  background-color: #fff;
  border-radius: 15rpx;
  padding:0rpx 80rpx;
  padding-top: 200rpx;
  margin-bottom: 100rpx;

  .li {
    margin: 0 auto;
    // width: 100%;
    height: 60rpx;
    background: #f6f6f7;
    border-radius: 50rpx;
    margin-bottom: 30rpx;
    padding: 20rpx 40rpx;
    line-height: 60rpx;
    color: #000;
    font-size: 28rpx;
  }
}

.editbtn {
  width: 80%;
  background: #4a4543;
  color: #fff;
  height: 100rpx;
  border-radius: 50rpx;
  font-size: 36rpx;
  margin: 0 auto;
  text-align: center;
  line-height: 100rpx;
}
</style>